<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <title>首页</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <!--为了确保适当的绘制和触屏缩放，需要在 <head> 之中添加 viewport 元数据标签-->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="/static/lib/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
    <link rel="stylesheet" href="/static/weiya/css/front.css"/>
    <link rel="stylesheet" href="/static/lib/owl-carousel/css/owl.carousel.css"/>
    <script src="/static/lib/jquery/jquery.min.js"></script>
    <script src="/static/lib/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <script src="/static/lib/owl-carousel/js/owl.carousel.js"></script>
    <script src="/static/weiya/js/front.js"></script>
    <!--[if lt IE 9]>
    <script src="/static/lib/jquery/html5shiv.min.js"></script>
    <script src="/static/lib/jquery/respond.min.js"></script>
    <![endif]-->

<script>
  !function(a,b){function c(){var b=f.getBoundingClientRect().width;b/i>540&&(b=540*i);var c=b/10;f.style.fontSize=c+"px",k.rem=a.rem=c}var d,e=a.document,f=e.documentElement,g=e.querySelector('meta[name="viewport"]'),h=e.querySelector('meta[name="flexible"]'),i=0,j=0,k=b.flexible||(b.flexible={});if(g){console.warn("将根据已有的meta标签来设置缩放比例");var l=g.getAttribute("content").match(/initial\-scale=([\d\.]+)/);l&&(j=parseFloat(l[1]),i=parseInt(1/j))}else if(h){var m=h.getAttribute("content");if(m){var n=m.match(/initial\-dpr=([\d\.]+)/),o=m.match(/maximum\-dpr=([\d\.]+)/);n&&(i=parseFloat(n[1]),j=parseFloat((1/i).toFixed(2))),o&&(i=parseFloat(o[1]),j=parseFloat((1/i).toFixed(2)))}}if(!i&&!j){var p=a.navigator.userAgent,q=(!!p.match(/android/gi),!!p.match(/iphone/gi)),r=q&&!!p.match(/OS 9_3/),s=a.devicePixelRatio;i=q&&!r?s>=3&&(!i||i>=3)?3:s>=2&&(!i||i>=2)?2:1:1,j=1/i}if(f.setAttribute("data-dpr",i),!g)if(g=e.createElement("meta"),g.setAttribute("name","viewport"),g.setAttribute("content","initial-scale="+j+", maximum-scale="+j+", minimum-scale="+j+", user-scalable=no"),f.firstElementChild)f.firstElementChild.appendChild(g);else{var t=e.createElement("div");t.appendChild(g),e.write(t.innerHTML)}a.addEventListener("resize",function(){clearTimeout(d),d=setTimeout(c,300)},!1),a.addEventListener("pageshow",function(a){a.persisted&&(clearTimeout(d),d=setTimeout(c,300))},!1),"complete"===e.readyState?e.body.style.fontSize=12*i+"px":e.addEventListener("DOMContentLoaded",function(){e.body.style.fontSize=12*i+"px"},!1),c(),k.dpr=a.dpr=i,k.refreshRem=c,k.rem2px=function(a){var b=parseFloat(a)*this.rem;return"string"==typeof a&&a.match(/rem$/)&&(b+="px"),b},k.px2rem=function(a){var b=parseFloat(a)/this.rem;return"string"==typeof a&&a.match(/px$/)&&(b+="rem"),b}}(window,window.lib||(window.lib={}));
</script>
</head>
<body>
<div class="mobile">
    <header class="gitee-nav">
        <div class="left-side item side-slide-btn ">
            <i class="glyphicon glyphicon-menu-hamburger"></i>
        </div>
        <div class="center item nav-title">
            <a class="nav-title-link" href="/weiyaba/weiya">
                <i class="iconfont icon-project-public nav-title-project-icon"></i>
                <span class="nav-title-text">喂呀</span>
            </a>
        </div>
        <div class="right-side item">
            <span class="notifications"></span>
        </div>
        <div class="slider-box ">
            <div class="content">
                <div class="top-area">
                    <div class="avatar-box"></div>
                    <div class="buttons-box">
                        <a href="/login">
                            <div class="button login fluid orange">登录</div>
                        </a>
                        <a href="/register">
                            <div class="button fluid register">注册</div>
                        </a>
                    </div>
                </div>
                <div class="middle-area">
                    <div class="action-list">
                        <ul>
                            <li><a href="#home"><span class="item-name">Home</span></a></li>
                            <li><a href="#about"><span class="item-name">About</span></a></li>
                            <li><a href="#join"><span class="item-name">Join</span></a></li>
                            <li><a href="#framework"><span class="item-name">Framework</span></a></li>
                            <li><a href="#letter"><span class="item-name">Letter</span></a></li>
                            <li><a href="#contact"><span class="item-name">Contact</span></a></li>
                        </ul>
                    </div>
                </div>
                <div class="bottom-area">
                    <div class="slider-ctrl slider-close-btn">
                        <i class="fa fa-angle-double-left"></i>
                    </div>
                </div>
            </div>
        </div>
    </header>
</div>

<header class="main-header">
    <div class="header">
        <div class="container">
            <div class="logo">
                <div style="height: 87px;vertical-align: middle;display: table-cell;">
                    <img src="/static/weiya/images/weiya.png" alt="喂呀码吧" title="喂呀码吧">
                </div>
            </div>
            <nav class="top-nav">
                <ul>
                    <li><a href="#home" class="scroll actived">Home</a></li>
                    <li><a href="#about" class="scroll">About</a></li>
                    <li><a href="#join" class="scroll">Join</a></li>
                    <li><a href="#framework" class="scroll">Framework</a></li>
                    <li><a href="#letter" class="scroll">Letter</a></li>
                    <li><a href="#contact" class="scroll">Contact</a></li>
                    <li><a class="btn scroll login-btn" href="/login">登录</a></li>
                </ul>
            </nav>
            <div class="clearfix"> </div>
        </div>
    </div>
</header>
<section id="home" class="home" >
    <!----- start-header---->
    <div class="callbacks_container">
        <div class="rslides callbacks callbacks1" id="slider4">
            <div class="tittle-head">
                <h1>Weiya Open Code</h1>
                <span></span>
                <p>For everyone. </p>
                <div class="learn-button">
                    <a class="slide-btn" href="/index">后台管理</a>
                </div>
            </div>
        </div>
    </div>
    <div class="clearfix"> </div>
</section>


<section id="about" class="about">
    <div class="container">
        <div class="head-section text-center">
            <h3>喂呀简介</h3>
            <span></span>
        </div>
        <p>
            • 关于喂呀：一个JAVA萌新的学习驿站，一个IT盟友的交流平台，一个独树一帜的特色开源.<br/>
            • 关于梦想：成为万千JAVA开发者漫长码途中的，一段刻骨铭心的陪伴者、引路人.<br/>
            • 关于团队：赠人玫瑰手有余香，如果您有一颗开源的心，喂呀随时恭候您的大驾.<br/>
            • 关于错误：如果发现代码有bug，随时欢迎吐槽指点，也帮助喂呀成长，从而帮助到更多的人，谢谢！
        </p>
    </div>

</section>

<section id="join" class="join text-center">
    <div class="container">
        <div class="head-section text-center">
            <h2>欢迎加入喂呀码吧,共同维护项目!</h2>
            <span> </span>
        </div>
        <a class="prt-btn" href="https://gitee.com/weiyaba/weiya" target="_blank">源码下载</a>
    </div>
</section>

<section id="framework" class="framework text-center">
    <div class="container">
        <div class="head-section text-center">
            <h2>使用框架</h2>
            <span> </span>
        </div>
        <p>本分支主要讲解Apche Shiro权限框架的简单使用,主要使用SSM框架,使用Redis技术作缓存处理，前端采用目前比较流行的Thymeleaf作为渲染模板,数据存储Mysql数据库.</p>
    </div>
    <!-- framework-grids -->
    <div class="framework-grids text-left">
        <div id="owl-demo" class="owl-carousel text-center">
            <div class="item">
                <div class="framework-grid">
                    <div class="framework-grid-pic">
                        <img src="/static/weiya/images/spring.jpg" title="name">
                    </div>
                    <div class="framework-grid-caption text-center">
                        <h4>Spring</h4>
                        <h5>WeiYa</h5>
                        <span> </span>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="framework-grid">
                    <div class="framework-grid-pic">
                        <img src="/static/weiya/images/springmvc.jpg" title="name">
                    </div>
                    <div class="framework-grid-caption text-center">
                        <h4>SpringMVC</h4>
                        <h5>WeiYa</h5>
                        <span> </span>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="framework-grid">
                    <div class="framework-grid-pic">
                        <img src="/static/weiya/images/mybatis.jpg" title="name">
                    </div>
                    <div class="framework-grid-caption text-center">
                        <h4>Mybatis</h4>
                        <h5>WeiYa</h5>
                        <span> </span>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="framework-grid">
                    <div class="framework-grid-pic">
                        <img src="/static/weiya/images/shiro.jpg" title="name">
                    </div>
                    <div class="framework-grid-caption text-center">
                        <h4>Shiro</h4>
                        <h5>WeiYa</h5>
                        <span> </span>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="framework-grid">
                    <div class="framework-grid-pic">
                        <img src="/static/weiya/images/redis.jpg" title="name">
                    </div>
                    <div class="framework-grid-caption text-center">
                        <h4>Redis</h4>
                        <h5>WeiYa</h5>
                        <span> </span>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="framework-grid">
                    <div class="framework-grid-pic">
                        <img src="/static/weiya/images/thymeleaf.png" title="name">
                    </div>
                    <div class="framework-grid-caption text-center">
                        <h4>Thymeleaf</h4>
                        <h5>WeiYa</h5>
                        <span> </span>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="framework-grid">
                    <div class="framework-grid-pic">
                        <img src="/static/weiya/images/mysql.jpg" title="name">
                    </div>
                    <div class="framework-grid-caption text-center">
                        <h4>MySql</h4>
                        <h5>WeiYa</h5>
                        <span> </span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section id="letter" class="letter">
    <div class="container">
        <div class="head-section text-center">
            <h2>程序员寄语</h2>
            <span> </span>
        </div>
        <!-- letters -->
        <div class="letters">
            <div id="owl-demo1" class="owl-carousel owl-carousel1 text-center">
                <div class="item">
                    <div class="word text-center">
                        <p>杰出程序员与普通程序员最关键的差别不是在于他们掌握了多少种语言，而是他们能不能把自己的想法表达清楚.</p>
                        <a href="#">WeiYa</a>
                    </div>
                </div>
                <div class="item">
                    <div class="word text-center">
                        <p>不要浮躁，代码得慢慢写.</p>
                        <a href="#">WeiYa</a>
                    </div>
                </div>
                <div class="item">
                    <div class="word text-center">
                        <p>作为一名谦逊的程序员，应该承认的事实是：你写的代码在任何时候出了问题，那一定都是你的错!.</p>
                        <a href="#">WeiYa</a>
                    </div>
                </div>
                <div class="item">
                    <div class="word text-center">
                        <p>技术不仅仅包括编码，还包括发现问题、分析问题和解决问题的能力.</p>
                        <a href="#">WeiYa</a>
                    </div>
                </div>
                <div class="item">
                    <div class="word text-center">
                        <p>凡是让你痛苦的，终将让你成长.</p>
                        <a href="#">WeiYa</a>
                    </div>
                </div>
                <div class="item">
                    <div class="word text-center">
                        <p>在你责怪别人之前，先检查自己的代码.</p>
                        <a href="#">WeiYa</a>
                    </div>
                </div>
                <div class="item">
                    <div class="word text-center">
                        <p>要成为一个优秀的程序员，你必须对自己的代码负责，真正关心代码.</p>
                        <a href="#">WeiYa</a>
                    </div>
                </div>
                <div class="item">
                    <div class="word text-center">
                        <p>伟大的代码是由大师精心雕琢的，而不是由那些马虎的程序员胡乱写出来的.</p>
                        <a href="#">WeiYa</a>
                    </div>
                </div>
            </div>

        </div>
        <!-- twittes -->
    </div>
</section>

<footer id="contact" class="footer">
    <div class="container">
        <div class="footer-top">
            <div class="col-md-3 footer-left">
                <h4><img src="/static/weiya/images/logo.png"></h4>
                <address>
                    作者简介:码农一枚,坐标浙江杭州,期待与志同道合的朋友们一起,为码友们做点微不足道的事.<br>
                    <abbr title="作者微信QQ,闲来勿撩">W :</abbr> 516770598
                </address>
            </div>
            <div class="col-md-6 footer-middle">
                <h4>Contact</h4>
                <form>
                    <div class="ft-lt">
                        <input type="text" placeholder="姓名" />
                        <input type="text" placeholder="电话" />
                        <input type="text" placeholder="邮箱" />
                    </div>
                    <div class="ft-rgt">
                        <textarea placeholder="欢迎留言,说说您对喂呀的宝贵意见!"></textarea>
                        <input type="submit" value="Submit">
                    </div>
                </form>
            </div>
            <div class="col-md-3 footer-left">
                <h4>加入我们</h4>
                <div class="social-icons">
                    <a href="https://jq.qq.com/?_wv=1027&k=5Z3kjsY" target="_blank">官方QQ群:215162400</a>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="footer-text">
            <p>Copyright © 2018.WEIYA All rights reserved.</p>
        </div>
    </div>
</footer>
<a id="toTop" title="返回顶部"></a>
<script>
  var $slideBtn = $('.mobile .gitee-nav .side-slide-btn'),
      $sliderBox = $('.mobile .gitee-nav .slider-box'),
      $sliderContent = $('.mobile .gitee-nav .slider-box > .content'),
      $sliderClaseBtn = $('.mobile .gitee-nav .slider-box > .content .bottom-area');
  function openSlider() {
    $slideBtn.addClass('on');
    $sliderBox.addClass('on');
  }
  function closeSlider() {
    $slideBtn.removeClass('on');
    $sliderBox.removeClass('on');
  }
   if ($slideBtn.length > 0) {
    $slideBtn.on('click', function(e) {
      var $target = $(e.target),
        status = $target.hasClass('on');
      status = !status;
      if (status) {
        openSlider()
      } else {
        closeSlider()
      }
    })
    $sliderBox.on('click', function(e) {
      if (e.target === $sliderBox[0]) {
        closeSlider();
      }
    })
    $sliderClaseBtn.on('click', function() {
      closeSlider();
    })
  }
</script>
</body>
</html>

